
.top-bar{
    padding: 20px;
    background-color: #08e;
}
.container-fluid{
    width: 1060px;
    height: 60px;
    margin: 0 auto;
    position: relative;
}
/*导航栏移动事件*/
.navbar-nav .item:hover{
    background-color: #07d;
}
/*导航栏字体设置*/
.navbar-nav .item a{
    display: inline-block;
    color: white;
    font-size: 18px;
    line-height: 0px;
    text-align: center;
    margin-left: 15px;
    text-decoration: none;
}
.l-last-item{
    margin-right: 230px;
}
.navbar-brand img{
    position: absolute;
    top: -35px;
    left: 460px;
}

.wrap{
    overflow: hidden;
}



<!--    中部    -->
.container-fluid{
    width: 1060px;
    height: 60px;
    margin: 0 auto;
    position: relative;
}
.navbar-nav{
    list-style-type: none;
    margin: 0;
    overflow: hidden;
}
.navbar-nav .item{
    width: 100px;
    height: 30px;
    float: left;
    padding: 15px 0;
}
.container{
    width: 1060px;
    padding: 0 10px;
    margin: -200px auto 0 auto;
}
.banner{background: url("../img/img_top_water.jpg") center top no-repeat;height: 630px;}
.banner{text-align: center;color: #fff;padding-top: 100px;}
.banner .title{font-size: 60px;text-shadow: 0 2px 10px rgba(0,0,0,0.30);font-weight: bold;}
.banner .sub-title{font-size: 30px;text-shadow: 0 2px 4px rgba(0,0,0,0.30);}
/*公共列表样式*/
.item-list{margin-top: -200px;}
.item-list .item{background: #fff;margin-bottom: 20px;}
.item-list .item .pic{height: 200px;overflow: hidden;}
.item-list .item .pic img{width: 100%;height:100%;-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s;}
.item-list .item:hover .pic img{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.item-list .item .text{padding:40px;}
.item-list .item .text .tit{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.item-list .item .name{color: #202425;font-size: 18px;vertical-align: top;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
/*内容列表个性化*/
.water-world-list .item{height: 260px;}
.water-world-list .item .name{font-size: 14px;}
.water-world-list .item .text{padding:20px 40px;}
/*公共tab style*/
.tabs li { float: left;text-align: center; width: 50%;line-height:60px;background: rgba(32,36,37,0.10);border-left:1px solid #fff;}
.tabs li a { color: #37c; display: block; color: #202425;font-size: 18px;}
.tabs li:first-child{border-left:none !important;}
/*中部样式*/
@media (min-width: 1200px) {
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    /*中部字体*/
    .text-nowarp .name{
        display: inline-block;
        color: white;
        margin: 0 100px;
        text-decoration: none;
    }
    .container {
        width: 1170px
    }
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
    .col-lg-4,
    .col-sm-6 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }

    .col-sm-6 {
        float: left
    }
    .col-sm-6 {
        width: 50%
    }
    .col-lg-4 {
        float: left
    }

    .col-lg-4 {
        width: 33.33333333%
    }

}
img {
    border: 0;
    vertical-align: middle;
}
.footer{
    width: 1080px;
    margin: 20px auto 0 auto;
}
.well{
    text-align: center;
    color: white;
    background-color: #404445;
    overflow: hidden;
}
.well div{
    float: left;
    background-color: white;
    color: black;
    width: 120px;
    height: 140px;
    padding: 10px;
    margin: 10px auto;
}
.well div img{
    width: 80px;
    height: 80px;
    margin-top: 10px;
}